.px2rem(@name, @px) {
    @{name}: @px / 108 * 1rem;
}

@bck:white;
.search{
    background: @bck;
    .px2rem(height, 100);
    
    a{
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        
    }
}

.main{
    .table{
        .txh();
        position: fixed;
        left: 0;
        
        .sidebar{
            width: 25%;
            position: fixed;
            left: 0;
            .px2rem(top,100);
            .px2rem(bottom,88);
            overflow-y: scroll;
            box-sizing: border-box;
            .nav{
                li{
                    .px2rem(line-height,172);
                    text-align: center;
                    box-sizing: border-box;
                    border-bottom: 1px #dcdcdc solid;
                    font-weight: bolder;
                }
                .curr{
                    background: white;
                    border-left: 5px #800087 solid;
                    color: #800087;
                }
            }
        }
        #box_one{
            position: fixed;
            left: 25%;
            .px2rem(top,100);
            .px2rem(bottom,150);
            overflow-y: scroll;
             width: 75%;
            box-sizing: border-box;
        
            .section{
                ul{
                    .txh();
                    flex-wrap: wrap;
                    li{
                        .txh();
                        flex-direction: column;
                        width: 30%;
                        margin-left: 2.5%;
                        margin-top: 2.5%;
                        margin-bottom: 2.5%;
                        a{
                            width: 100%;
                            img{
                                width: 100%;
                            }
                        }
                        span{
                            text-align: center;
                            .px2rem(font-size,35);
                            .px2rem(padding-top,10);
                        }
                        
                    }
                }
            }
            .section:not(:nth-child(1)){
                display: none;
            }
        }
    }
    
}
.footer{
    background: @bck;
    .px2rem(height, 88);
    position: fixed;
    bottom: 0;
    display: flex;
    width: 100%;
    a{
        flex: 1;
        dl{
            dt{
                display: flex;
                justify-content: center;
                .px2rem(height, 60);
                align-items: center;
            }
            dd{
                text-align: center;
            }
        }
    }
}